Laporan Praktikum Web 8
1. Buat Folder Laravel dan Install Global Laravel
Pertama, buat folder/workspace di dalam folder htdocs, kita sepakati dengan nama Laravel.
Untuk membuat project baru Laravel, gunakan Composer dengan mengetikkan perintah berikut di workspace:
composer create-project laravel/laravel=^12.0 laravel-sisfo --prefer-dist
Untuk menjalankan project, gunakan perintah berikut:
php artisan serve
2. Konfigurasi Database
Buka file .env dan isikan konfigurasi database berikut ini:
3. User Authentication
Install package Laravel/ui
Buka terminal/cmd dan ketikkan perintah berikut:
composer require laravel/ui
Fitur Authentication
Ketikkan perintah berikut di terminal/cmd:
php artisan ui bootstrap --auth
Jika berhasil, ketikkan perintah berikut:
npm install && npm run dev
4. Kostum Tabel User
Dari struktur tabel users di atas, perlu ditambahkan beberapa field yaitu username, level, dan status. Buat migration untuk menambahkan field-field tersebut dengan perintah:
php artisan make:migration custom_table_users
Selanjutnya, buka folder database/migration/ dan isi kode sesuai gambar berikut:
Setelah selesai, struktur tabel akan berubah seperti berikut:
5. Membuat Seeding User
Buat seeder dengan nama AdminSeeder menggunakan perintah:
php artisan make:seeder AdminSeeder
File AdminSeeder.php akan otomatis dibuat di folder database/Seeder. Buka file tersebut dan buat akun admin seperti kode berikut:
Untuk menjalankan seeding, gunakan perintah:
php artisan db:seed --class=AdminSeeder
Jika berhasil, tampilannya akan seperti gambar berikut:
6. Templating atau Layouting
Download template dari link sb-admin-2, kemudian ekstrak. Buat folder di public project Laravel dengan nama sbadmin dan copy paste seluruh asset template sbadmin ke dalam folder tersebut.
Buka file app.blade.php di folder view/layouts dan isi dengan kode berikut:
Sehingga tampilan login akan berubah seperti gambar di bawah ini:
7. Layout Global
Buat layout global yang akan digunakan sebagai layout utama aplikasi. Karena app.blade.php sudah digunakan untuk view login, kita perlu membuat layout baru. Buat file dengan nama main.blade.php di folder view/layouts dan isikan dengan kode sesuai gambar:
8. Sidebar
Buat file di folder layouts dengan nama sidebar.blade.php dan isi dengan kode berikut:
9. Topbar
Buat file di folder layouts dengan nama topbar.blade.php dan isi dengan kode berikut:
10. Cara Penggunaan Layouts main.blade.php
Contoh penggunaan view home.blade.php, buka file tersebut dan isikan dengan kode berikut:
Hasilnya